<template lang="">
    <div class="">
        <el-input v-model="input" 
                    placeholder="请输入关键词">
            <template #suffix>
                 <el-icon color="black"><Search /></el-icon>
                 <span style="color:black">搜索</span>
            </template>
        </el-input>
        <el-row class="select">
            <el-button dark
            v-for="item in selects">{{item}}</el-button>
        </el-row>
        <hr>
        <!-- 内容 -->
        <div class="content">
            <p>到底啦~</p>
        </div>    
    </div>
</template>
<script>
import { Search } from '@element-plus/icons-vue';
export default {
    components:{
        Search
    },
    data () {
        return {
            input:"",
            selects:["全部","钱包","手机","文件资料","其他"]
        }
    }
    
}
</script>
<style lang="less" scoped>
    /* .select{
    }  */
    .select .el-button{
      margin: 5px;  
    
    }
    .content{
        text-align: center;
        margin: 2px;
    }
</style>